<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>成交分析</title>
        <link href="${contextPath}/static/optimization/css/bootstrap.min.css" rel="stylesheet" />
        <link href="${contextPath}/static/optimization/fontAwesome/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" href="${contextPath}/static/css/report/transactionAnalysis.css">
		<script src="${contextPath}/static/plugins/echarts/3.3.1/echarts.min.js"></script>
		<script src="${contextPath}/static/js/jquery/jquery-2.0.3.min.js"></script>
		<script type="text/javascript">
			var merchantId = '${merchantId}';
			var projectConfit={
					apiUrl:'${dataBuildingUrl}'
			};
		</script>
	</head>
	
	<body>
		  <div class="container-main">
		    <div class="row">
		      <div class="col-xs-4">
		        <div class="title-line-list clearfix">
		          <div  class="txt_title_two"><i class="fa fa-bar-chart theme-color-set"></i>城市房源分析【面积段】</div>
		          <select class="form-control" id="selectCityId" onchange="init_mjd('echarts1')"></select>
		        </div>
		        <div class="col-xs-12" id="echarts1" style="height:220px;margin-bottom:26px;" ></div>
		        <div class="title-line-list clearfix">
		          <div  class="txt_title_two"><i class="fa fa-bar-chart theme-color-set"></i>城市房源分析【总价段】</div>
		          <select class="form-control" id="selectPriceByCityId" onchange="init_zjd('echarts3')"></select>
		        </div>
		        <div class="col-xs-12" id="echarts3" style="height:220px;margin-bottom:26px"></div>
		      </div>
		      <div class="col-xs-8">
		        <div class="title-line-list clearfix">
		          <div  class="txt_title_two" style="margin-left:30px;"><i class="fa fa-area-chart theme-color-set"></i>面积总价段交叉分析</div>
		          <select class="form-control" id="selectOverlappingByCityId" onchange="init_mjzjdjcfx('echarts2')"></select>
		        </div>
		        <div class="col-xs-12" id="echarts2" style="height:510px;"></div>
		      </div>
		    </div>
		    <div class="row">
		      <div class="col-lg-6" id="echarts4">
		        <div  class="txt_title"><i class="fa fa-area-chart theme-color-set"></i>面积总价段交叉分析</div>
		        <table class="tab_box" id="agentList">
		        </table>
		      </div>
		      <div class="col-lg-6" id="echarts5">
		        <select class="form-control form-control-sm" id="cityValue" onchange="queryProjectTransactionsByCityId()">
		        </select>
		        <table class="tab_box" id="cityAgentList">
		        </table>
		      </div>
		    </div>
		  </div>
		<script src="${contextPath}/static/js/report/transactionAnalysis.js"></script>
	</body>

</html>